/*
 *= require application
 *= require_self
 */

@import "vars";

body { color: #333; }

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

.header {
  .navbar-nav-scroll {
    .navbar-nav {
      width: 100%;
      height: 50px;
      overflow-x: scroll;
    }
  }

  #navbar-new-menu,
  .notification-count {
    display: none;
  }

  .user-bar {
    background: #FFF;
    min-width: auto;
  }
}

.nav-item .nav-link {
  font-size: 14px;
  padding-left: 10px !important;
  padding-right: 10px  !important;
  &.active {
    color: $red;
  }
}

.navbar-search { display: none !important; }

.card-body h1,
fieldset legend  { border:0px; font-size: 18px; margin-top:0px; margin-bottom: 20px; padding: 0;line-height: 100%; }

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}
.group { margin-bottom:20px; }
.group h2 { font-size:12px; margin-bottom:8px; }
.group ul { margin:0 20px;}
.pagination { clear:both; margin-top:10px; text-align: left;}

.toolbar {
  margin-bottom:15px;
}

table tr.deleted td { text-decoration: line-through; color:#999}
table tr td a.fa {
    text-decoration: normal;
    color: #666;
    margin-right: 4px;
    &:hover { color: #333; text-decoration: none; }
}

.nav > li > a {
  padding: 14px 6px;
}

.stat {

  margin: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #eee;

  .total { font-size: 18px; color: #555;  margin-bottom: 10px; margin-top: 8px; }
  .name { font-size: 14px; color: #999; }
  .total-week { color: $blue; font-size: 12px; margin: 0 10px;  }
  .total-month { color: $green; font-size: 12px;  }
}
